html,
body {
    width: 100%;
    height: 100%;
    line-height: 1;
}
*{
    box-sizing: border-box;
}

.el-circle-off {
    display: inline-block;
    vertical-align: middle;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background-color: red;
}

.el-circle-on {
    display: inline-block;
    vertical-align: middle;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background-color: green;
}
.dse-rect-green{
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    background-color: #29bcbd;
}
.el-menu-item {
    border: 1px solid #fff;
    // border-top: none;
    // border-bottom: none;
    &.is-active {
        background-image: linear-gradient(to right, #127cd1, #1edff9);
    }
    &:first-child {
        border-top: 2px solid #fff;
    }
    &:last-child {
        border-bottom: 2px solid #fff;
    }
}
.el-menu-item,
.el-submenu__title {
    height: 40px;
    line-height: 34px;
}
.el-submenu {
    border: 1px solid #fff;
    border-top: none;
}
.el-container {
    width: 100%;
    height: 100%;
}
.el-main {
    padding: 0;
}
